body{
width:100%;
margin:0 auto;	
}

nav a{
color:#d1be94;
text-decoration:none;	
}

#wrap{
overflow:hidden;
}

#sidebar{
float:left;
width:18%;
background-color:#7e30cd;	
}

#controls, #app-names, #corp-infos {
margin:0px 5px;
padding:0px;
display:inline-block;
}

#controls{
/*background-color:#7e30cd;*/
display:inline-block;
float:right;
}

#controls h3{
margin:3px;
padding:0px;
vertical-align:top;

}

#formulaire{
border: 2px solid black;
}


#id_typename {
width:370px;
min-width:370px;
}

#myform label, select, input{
margin:3px 5px;
} 

#myform{
	
	
}

.qty {
text-align:right;
	
}

#prod table, #shop table{
border-collapse: separate;
border-spacing:2px 4px;	
}

#prod td, #shop td{
padding:2px 0px 2px 5px;
	
}

.search{
margin:3px 7px;
display:inline-block;
}

#content{

/*margin-left:15%;
background-color:#d1be94;*/
}

#content h3{
/*border: 3px solid black;*/	
vertical-align:top;
}

#header-nav{
margin:0px;
height:120px;
padding:5px;
background-color:#999999;
	
}

#app-names{
/*display:inline-block;
margin:5px;
*/	
}

#header-title{
margin:5px;
padding:5px;

}

#page-title{
margin:5px;
padding:5px;

}

#navigation-bar{
float:right;
display:inline-block;
margin:0px;
}

.navigation-item {
display:inline;
margin:5px;
position:float;
width:30px;
height:30px;
padding:5px;
background-color:#333333

}
#corp-infos{
margin:0px;
padding:5px;
display:inline-block;
vertical-align:top;
}

#corp-name{
margin:5px;
padding:5px;
display:inline-block;
height:80px;	
}

#corp-logo{
display:inline-block;
background-color:#f91b23;
color:#382e24;
}
#user-bar{
float:right;
display:inline-block;
background-color:#7e30cd;
}

.user-bar-item{
display:inline;
margin:5px;
position:float;
width:30px;
height:30px;
padding:5px;
background-color:#333333
}

footer {
background-color:#999999;
}


#arbre, #prod, #shop,  #buy
{
border: 2px solid black;
}

#arbre
{
padding:5px;
margin:0px;
display:inline-block;
/*width:500px;
position:absolute;
top:200px;
*/
}

.button{
float:right;
width:88px;
height:24px;
padding:0px 2px;
vertical-align:middle;
}
#list_arbre li{

height:24px;
}

#formulaire
{
margin:0px;
padding:3px;
/*position:absolute;
width:500px;
padding:10px;
top:50px;
left:600px;*/
}

#prod
{
margin:0px;
padding:5px;
display:inline-block;
vertical-align:top;
/*position:absolute;
width:300px;
padding:10px;
left:560px;
top:300px;*/
}

#shop
{
margin:0px;
padding:5px;
display:inline-block;
vertical-align:top;
/*position:absolute;
width:400px;
padding:10px;
left:900px;
top:300px;*/
}

#instock
{
margin:0px;
position:absolute;
width:400px;
padding:10px;
left:500px;
top:600px;	
}

#buy
{
margin:0px;
position:absolute;
width:400px;
padding:10px;
left:900px;
top:600px;	
}

#test
{
margin:0px;
position:absolute;
width:1000px;
padding:10px;
left:0px;
top:880px;
}

.homepage{
background-color:#07a4d1;
}

.mat1
{
background-color: #dddddd;
}
.mat202
{
background-color: #cceeee;
}
.mat204
{
background-color: #c0e1e0;
}
.mat206
{
background-color: #b4d5d5;
}
.mat302
{
background-color: #f7d6f7;
}
.mat304
{
background-color: #6699FF;
}
.mat4
{
background-color: #eeeecc;
}
.mat5
{
background-color: #ececff;
}
.mat10
{
background-color: #ddaaaa;
}
.mat20
{
background-color: #aaaadd;
}
.mat30
{
background-color: #32cd32;
text-align:right;
}
.mat40{
background-color: #ff0000;
text-align:right;
}